<template>
    <div class="top">
        <img src="../../assets/img/头部.png" alt="">
    </div>
    

    <div class="container">
		<div class="container1">
			<div class="container2">
				<div class="container3">
                <router-link :to="'/shangpin'">
            <img src="@/assets/img/左箭头1.png" alt="">
        </router-link>
                </div>
				<div class="container4">确认订单</div>
			</div>
			<div class="container5">
				<div class="container6">
					<div class="container7">收货地址</div>
					<div class="container8">北京理工大学国防科技园2号楼10层</div>
					<div class="container9">
						<div class="container__name">瑶妹（先生）</div>
						<div class="container__top__receiver__left__info__phone">18911024266</div>
					</div>
				</div>
				<div class="container__right">
					<div class="container__top__receiver__right__icon"><img src="@/assets/img/右箭头.png" alt=""></div>
				</div>
			</div>
		</div>
	</div>




<div class="buy-content-wrapperr">
<div class="buy-content-top-wrapper">
            <div class="buy-content-top">
                <span>沃尔玛</span>
            </div>
            <div class="buy-content-content">
                <div class="buy-content-content-left">
                    <img src="@/assets/img/番茄.png" alt="">
                </div>
                <div class="buy-content-content-right">
                    <div class="buy-content-content-right-top">
                        <span>番茄250g/份</span>
                    </div>
                    <div class="buy-content-content-right-bottom">
                        <span>33.6 x 3</span>
                        <span>¥99.9</span>
                    </div>
                </div>
            </div>
            <div class="buy-content-content">
                <div class="buy-content-content-left">
                    <img src="@/assets/img/提子.png" alt="">
                </div>
                <div class="buy-content-content-right">
                    <div class="buy-content-content-right-top">
                        <span>提子250g/份</span>
                    </div>
                    <div class="buy-content-content-right-bottom">
                        <span>33.6 x 3</span>
                        <span>¥99.9</span>
                    </div>
                </div>
            </div>
            <div class="buy-content-bottom">
                <div class="buy-content-bottom-zi">
                    共计3件/1.4kg
                </div>
                <div class="buy-content-bottom-image">
                    <img src="@/assets/img/下箭头.png" alt="">
                </div>
            </div>
        </div>
        </div>

<div class="cart">
        <div class="cart1">
            <div class="cart6">
                实付金额¥62
            </div>
        </div>
        <router-link :to="'/queren1'">
        <div class="cart7">
                提交订单
        </div>
        </router-link>
    </div>
</template>

<script>
import { navData } from "@/untils/nav"
import "@/assets/css/index.css";
import "@/assets/css/buy.css";
import "@/assets/css/shangpin.css";
import "@/assets/css/queren.css";
export default {
    setup() {
        return {
            navData
        }
    }
};
</script>